<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/mall.css" />
	</head>
	<body>
		<header>
			<img src="img/logo.png" />
			<ul>
				<li><a href="index.html">音乐故事</a></li>
				<li><a href="originate.html">原创音乐</a></li>
				<li><a href="activity.html">活动</a></li>
				<li><a href="mall.html">商城</a></li>
				<p>登录</p><span>/注册</span>
			</ul>
		</header>
		<div class="nav1">
			<a href="activity.html">周边商品</a>
			<a href="#">音乐周边</a>
			<a href="#">数字专辑</a>
			<a href="mall.html">音乐会门票</a>
			<input type="text" placeholder="梦想的声音第二季" />
			<div class="hr"></div>
		</div>
		<div class="box">
			<div class="item">
				<a href="#">摇滚</a>
				<a href="#">流行</a>
				<a href="#">嘻哈</a>
				<a href="#">民谣</a>
				<div class="dot">
					<p>城市</p>
					<span>全部</span>
					<input type="radio" name="city" id="chk" checked="" hidden="" />
					<label for="chk">北京</label>
					<input type="radio" name="city" id="chk1" hidden="" />
					<label for="chk1">上海</label>
					<input type="radio" name="city" id="chk2" hidden="" />
					<label for="chk2">海南</label>
					<input type="radio" name="city" id="chk3" hidden="" />
					<label for="chk3">杭州</label>
					<input type="radio" name="city" id="chk4" hidden="" />
					<label for="chk4">成都</label>
					<input type="radio" name="city" id="chk5" hidden="" />
					<label for="chk5">广州</label>
					<input type="radio" name="city" id="chk6" hidden="" />
					<label for="chk6">天津</label>
					<input type="radio" name="city" id="chk7" hidden="" />
					<label for="chk7">深圳</label>
					<input type="radio" name="city" id="chk8" hidden="" />
					<label for="chk8">苏州</label>
					<input type="radio" name="city" id="chk9" hidden="" />
					<label for="chk9">宁波</label>
					<span>更多</span>
					<input type="radio" name="city" id="chk10" hidden="" />
					<label for="chk10">重庆</label>
					<input type="radio" name="city" id="chk11" hidden="" />
					<label for="chk11">武汉</label>
					<input type="radio" name="city" id="chk12" hidden="" />
					<label for="chk12">长沙</label>
					<input type="radio" name="city" id="chk13" hidden="" />
					<label for="chk13">郑州</label>
					<input type="radio" name="city" id="chk14" hidden="" />
					<label for="chk14">大连</label>
					<input type="radio" name="city" id="chk15" hidden="" />
					<label for="chk15">南京</label>
				</div>
				<div class="time">
					<p>时间</p>
					<input type="radio" name="time" id="chked" checked="" hidden="" />
					<label for="chked">今天</label>
					<input type="radio" name="time" id="chked1" hidden="" />
					<label for="chked1">明天</label>
					<input type="radio" name="time" id="chked2" hidden="" />
					<label for="chked2">本周末</label>
					<input type="radio" name="time" id="chked3" hidden="" />
					<label for="chked3">一个月内</label>
				</div>
			</div>
			<div class="classify">
				<input type="radio" name="t" id="check" hidden="" />
				<label for="check">相关度排序</label>
				<input type="radio" name="t" id="check1" checked="" hidden="" />
				<label for="check1">推荐排序</label>
				<input type="radio" name="t" id="check2" hidden="" />
				<label for="check2">最近排序</label>
				<input type="radio" name="t" id="check3" hidden="" />
				<label for="check3">最新上架</label>
			</div>
			<div class="special-right">
				<h3>您可能还喜欢</h3>
				<div class="music">
					<img src="img/spec9.png" />
					<h4>刘思涵2017巡回演唱会</h4>
					<p>艺人 : 刘思涵</p>
					<p>2017.12.30 20: 30</p>
					<p>地点: TU凸空间-广州</p>
					<P>150-200 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				</div>
				<div class="music">
					<img src="img/spec10.png" />
					<h4>曲婉婷2018巡回演唱会</h4>
					<p>艺人 : 曲婉婷</p>
					<p>日期 : 2018.03.03.20 : 00</p>
					<p>地点 : 多伦多歌剧院-多伦多</p>
					<P>480-960 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				</div>
				<div class="music">
					<img src="img/spec11.png" />
					<h4>Twins世界巡回演唱会</h4>
					<p>艺人 : Twins</p>
					<p>日期 : 2018.01.27</p>
					<p>地点: 武汉体育中心体育馆</p>
					<P>380-1280 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				</div>
				<div class="music">
					<img src="img/spec12.png" />
					<h4>庄心妍全国巡回演唱会</h4>
					<p>艺人 : 庄心妍</p>
					<p>2017.12.30</p>
					<p>地点: 武汉体育中心体育馆</p>
					<P>288-888 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				</div>
			</div>
			<div class="special">
				<img src="img/spec1.png" />
				<h4>【长沙】【万有音乐系】 My Song--Sophie Zelm<br />
					ani苏菲珊曼妮2018巡回演唱会-长沙站</h4>
				<h5>艺人 :苏菲·珊曼妮</h5>
				<p>日期 : 2018.06.27</p>
				<p>地点 : 湖南大剧院-长沙</p>
				<P>100-380元 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>
			
			<div class="special-1">
				<img src="img/spec2.png" />
				<h4>【2018林亿莲PRANAVA/造乐者世界巡回演唱会EN<br />
					CORE</h4>
				<h5>艺人 : 林忆莲</h5>
				<p>日期 : 2018-01-13 19:00:00</p>
				<p>地点 : 天津体育中心(大馆)</p>
				<P>580元 起 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>
			
			<div class="special">
				<img src="img/spec3.png" />
				<h4>2017 -2018朴树“好好地Ⅱ”巡回演唱会-北<br />
					京站</h4>
				<h5>艺人 : 朴树</h5>
				<p>日期 : 2018-02-10 19:00:00</p>
				<p>地点 : 凯迪拉克中心</p>
				<P>380元 起 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>

			<div class="special-1">
				<img src="img/spec4.png" />
				<h4>【武汉】敢想Party 2 致敬偶像，五月天音<br />
					乐作品庆生派对</h4>
				<h5>艺人 : 五月天</h5>
				<p>日期 : 2018-03-24</p>
				<p>地点 : 纽宾凯汉City国际社区非凡之星小剧场·武汉</p>
				<P>60元&nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>

			<div class="special">
				<img src="img/spec5.png" />
				<h4>【杭州】澈心之痛The Pains of Being Pure <br />
					at Heart新专辑中国巡演杭州站</h4>
				<h5>艺人 : Prre at Heart</h5>
				<p>日期 : 2018-01-27</p>
				<p>地点 : MAQLive house杭州-杭州站</p>
				<P>120元 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>

			<div class="special-1">
				<img src="img/spec6.png" />
				<h4>《月亮代表我的心》邓丽君金曲杨洁2018巡回巡回演唱会</h4>
				<h5>艺人 : 邓丽君</h5>
				<p>日期 : 2018-01-02 20:00</p>
				<p>地点 : 星海音乐厅-广州</p>
				<P>180-380元 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>

			<div class="special">
				<img src="img/spec7.png" />
				<h4>【西安】赵照2017“ 观照”新专辑全国巡演 <br />
					加站西安站加入我们的音乐派对</h4>
				<h5>艺人 : 赵照</h5>
				<p>日期 : 2017-12-29 20:30</p>
				<p>地点 : 西安光国CLUB -西安</p>
				<P>100-150元 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>
			<div class="special-1">
				<img src="img/spec8.png" />
				<h4>【湛江】 [A CLASSIC TOUR学友.经典]世界巡回<br />
					演唱会湛江站</h4>
				<h5>艺人 : 张学友</h5>
				<p>日期 : 2018-03-24 19:50</p>
				<p>地点 : 湛江奥体育中心体育场-湛江</p>
				<P>380-1580元 &nbsp;&nbsp;&nbsp;<span>售票中</span></P>
				<P>电子票</P>
				<span>购买</span>
			</div>
			<div class="number">
				<input type="radio" name="number" id="number" checked="" hidden="" />
				<label for="number">1</label>
				<input type="radio" name="number" id="number1" hidden="" />
				<label for="number1">2</label>
				<input type="radio" name="number" id="number2" hidden="" />
				<label for="number2">3</label>
				<input type="radio" name="number" id="number3" hidden="" />
				<label for="number3">4</label>
				<input type="radio" name="number" id="number4"  hidden="" />
				<label for="number4">5</label>
				<input type="radio" name="number" id="number5" hidden="" />
				<label for="number5">6</label>
				<input type="radio" name="number" id="number6" hidden="" />
				<label for="number6">7</label>
				<input type="radio" name="number" id="number7" hidden="" />
				<label for="number7">下一页</label>
			</div>
		</div>
		<footer>
			<ul>
				<li>
					<img src="img/logo.png" />
					<ul>
						<li><a href="#">· 关于我们</a></li>
						<li><a href="#">· 联系我们</a></li>
						<li><a href="#">· 隐私政策</a></li>
						<li><a href="#">· 网络信息</a></li>
						<li><a href="#">· 侵权通知索引</a></li>
					</ul>

				</li>
				<li>
					<a href="#">合作伙伴</a>
					<ul>
						<li>
							<img src="img/logo1.png" />
							<p>5Sing音乐</p>
						</li>
						<li>
							<img src="img/logo2.png" />
							<p>酷狗音乐</p>
						</li>
						<li>
							<img src="img/logo3.png" />
							<p>QQ音乐</p>
						</li>
						<li>
							<img src="img/logo4.png" />
							<p>虾米音乐</p>
						</li>
					</ul>

				</li>
				<li>
					<a href="#">幻听客户端</a>
					<ul>
						<li><a href="#">幻听 for IPhone</a></li>
						<li><a href="#">幻听 for Andraid</a></li>
						<li><a href="#">幻听 for windows</a></li>
						<li><a href="#">幻听 for Mac</a></li>
						<li><a href="#">幻听 for IPad</a></li>

					</ul>
				</li>
				<li>
					<a href="#">更多</a>
					<ul>
						<li><a href="#">客户服务</a></li>
						<li><a href="#">服务条款</a></li>
						<li><a href="#">意见反馈</a></li>
					</ul>
				</li>
				<li>
					<img src="img/qr3.png">
					<p><a href="#">ios/Andraid下载</a></p>
				</li>
				<li>
					<img src="img/qr4.png">
					<P><a href="#">微信公众号</a></P>
				</li>
			</ul>
			<div class="foot">
				<p>&copy;2017 Mafengow.cn京公网安备110105013401号京ICP证110310号</p>
				<p>营业执照新出网证(京)字242号全国统一客服电话:022-4662-245网站地图</p>
				<p>幻听音乐公司版权所有&copy;01997-2017天津文化有限公司</p>
			</div>
		</footer>
	</body>
</html>
